﻿<div class="ui-widget-content">
    <h3>Autocomplete</h3>
    <p>O autocomplete exibe uma caixa com sugestões para completar o campo que se está digitando: <input id="meu_autocomplete" type="text" /></p>

    <p>Fazer isso é simples:
        <pre>var elementos = ["Banana", "Maçã", "Abacaxi", "Abacate", "Pêra", "Uva", "Laranja"];
$("#meu_autocomplete").autocomplete({ source: elementos, minLength: 1 });</pre>
    </p>
    <br />

    <p>Para fazer com um download de algum lugar:
        <pre>$("#meu_autocomplete").autocomplete({
    url: "http://exemplo.com/busca",
    select: function( event, ui ) {
        ... // O usuário selecionou algo.
    }
});</pre>
    </p>

    <script type="text/javascript">
        inicializador.autocompleteInit = function() {
            var elementos = ["Banana", "Maçã", "Abacaxi", "Abacate", "Pêra", "Uva", "Laranja"];
            $("#meu_autocomplete").autocomplete({ source: elementos, minLength: 1 });
        };
    </script>
    
</div>